@font-face {
  font-family: "iconfont"; /* Project id 2697439 */
  src: url('iconfont.woff2?t=1627174030056') format('woff2'),
       url('iconfont.woff?t=1627174030056') format('woff'),
       url('iconfont.ttf?t=1627174030056') format('truetype');
}
.w{
    width: 1200px;
    margin: 0 auto;
    /* background-color: pink; */
}
.shoutcut{
    background-color: #f1f1f1;
    height: 31px;
     /* line-height: 100%; */
}
.shoutcut .w .l{
    float: left;
    margin-top: 9px;
    line-height: 100%;
}
.shoutcut .w .r{
    float: right;
    
    /* line-height: 100%; */

}
.shoutcut .w .r ul{
    line-height: 31px;
}
.shoutcut .w .l li{
    float: left;
    font-size: 12px;

}
.shoutcut .w .l li a{
    /* display: inline-block; */
    padding: 0 10px;
}
.shoutcut .w .l li a:last-child {
    color: #c81623;
}
.shoutcut .w ul li{
    float: left;
}
.shoutcut .w ul li:nth-child(2n){
    padding: 0 14px;
}
.b::after{
    content: "\e665";
    font-family: "iconfont";
    margin-left: 5px;
}
.header{
    position: relative;
    height: 105px;
     /* background-color: pink;  */
}
.header .logo{
     float: left; 
    /* position: absolute; */
    height: 56px;
    width: 171px;
    /* background: olive; */
}
.header .logo h1 a{
    display: inline-block;
    /* position: absolute; */
    width: 171px;
    height: 56px;
    background: url(../images/logo.png) no-repeat;
    margin-top: 24px;
    text-indent: -9999px;
    overflow: hidden;

}
.search{
    /* position: absolute; */
    float: left;
	width: 538px;
	height: 56px;
    /* background-color: pink; */
  /* left: 244px */
    
    /* overflow: hidden; */
      margin-top: 24px;
      margin-left: 173px;
}
.header .search .sear{
    width: 538px;
	height: 36px;
	border: solid 2px #b1191a
}
.header .search .sear button{
    float: right;
    width: 80px;
    color: #ffffff;
	height: 32px;
	background-color: #b1191a
} 
.header .search .sear input{
    width: 454px;
    height: 32px;
    padding-left:10px ;
    line-height: 32px;
   
}
.header .search .hot{
    height: 12px;
    margin-top: 2px;
    /* margin-bottom: 0; */
    /* margin-left: 12px; */
}
.header .search .hot li{
    float: left;
    font-size:12px;
    padding: 0 12px;
    
}
.header .shop{
    position: relative;
    float: right;
    width: 140px;
	height: 36px;
	background-color: #f7f7f7;
	border: solid 1px #dfdfdf;
    margin-top: 24px;
    margin-right: 63px;
}
.header .shop a{
    /* display: inline-block; */
    float: left;
    font-size: 12px;
    color: #666666;
    line-height: 36px;
    /* margin: auto; */
    margin-left: 7px 
}
.header .shop .tu{
    float: left;
    margin-top: 11px;
    margin-left: 19px;
    background-color: peru;
     width: 20px;
	height: 20px; 
    background: url(../images/icons.png) no-repeat -414px -90px;
}
.header .shop a::after{
    content: "\e666";
    font-family: "iconfont";
    padding-left: 7px;
}
.header .shop i{
    position: absolute;
    height: 15px;
    padding: 1px 5px;
    border-radius: 7px 7px 7px 0;
     background-color:  #e60012; 
     color: #fefefe; 
    font-size: 12px;
     line-height: 14px;  
    left: 105px;
    top: -4px;
}
.nav{
    /* position: absolute; */
    height: 47px;
     /* background-color: pink;  */
    border-bottom:2px solid #b1191a;
}
 .nav .fenlei {
     float: left; 
    /*  */
    width: 209px;
	 height: 45px; 
	background-color: #b1191a;
    

} 
.nav .fenlei dl{
     /* display: none;  */
    /* position: absolute; */
    width: 209px;
	height: 513px;
	background-color: #c81623
}
.nav .fenlei dl dt{
    
    padding-left: 54px;
font-size: 16px;
    line-height: 45px;
    color:#ffffff;
     /* margin-bottom:2px;  */
     background-color:#b1191a;
     border-bottom: 3px solid #b1191a;
   
}
.nav .fenlei dl dd{
    
    width: 209px;
	height: 31px;
    line-height: 31px;
    margin-left: 2px;
    padding-left: 10px;
    color: #ffffff;
    /* margin-top: 2px; */
	/* background-color: #f7f7f7 */
}

.nav .fenlei dl dd:hover{
    background-color: #f7f7f7;
    color:#c81623
}
.nav .fenlei dl dd:hover a{
color:#c81623
}
.nav .fenlei dl dd a{
    font-size: 14px;
    color: #ffffff;
}
.nav .nav_right {
    float: left;
    height: 45px;
    margin-left: 10px;
}
.nav ul li{
    float: left;

}
.nav ul li a{
    height: 45px;
    line-height: 45px;
    padding: 0 24px;
    font-size: 16px;
}
.footer{
    /* width: 1920px; */
	height: 417px;
	background-color: #f5f5f5
}
/* .footer .w .first ul{
    margin-top: 30px;
} */
.footer .w .first{
    height: 109px;
    border-bottom: 1px solid #ededed;

}
.footer .w .first ul li{
    float: left;
    /* height: 109px;
   line-height: 109px; */
   width: 206px;
   padding: 30px 20px;
   margin-left: 30px;
}
.footer .w .first ul li i {
    float: left;
    display: block;
    width: 51px;
    height: 51px;
    /* background-color: pink; */
    background: url(../images/icons.png) no-repeat -253px -3px;
}
.footer .w .first ul li h3{
    font-size: 14px;
    font-weight: 900;
    color: #333;
}
.footer .w .first ul p{
     font-size: 12px;
    color: #666;
}
.footer .w .c{
    padding-top: 21px;
     padding-left: 50px; 
     height: 187px;
     border-bottom: 1px solid #ededed;
}
.footer .w .c dl{
    float: left;
    width: 200px;
}
.footer .w .c dl dt{
    font-size: 16px;
    color: #333;
    margin-bottom: 3px;
}
.footer .w .c dl dd{
    font-size: 12px;
    color: #666;
}
.footer .w .c dl  .wechat{
    /* display: block; */
    width: 90px;
    height: 90px;
    background-image: url(../images/wx_cz.jpg); 
}
.footer .w .c .last_dl{
     width: 150px; 
}
.footer .w .last{
    height:59px ;
    width: 972px;
    margin: 0 auto;
     margin-top: 21px; 
}
.footer .w .last ul{
    overflow: hidden;
}
.footer .w .last ul li{
    margin-top: 0;
    font-size: 12px;
    float: left;
      padding: 0 14px;  
}
.footer .w .last .p1{
    font-size: 12px;
 margin-top:10px; 
padding-left: 120px;
}
.footer .w .last p{
    padding-left: 295px;
}

